<template>
 <div class="box">
        <div class="top">
            <div class="top-1">
                <img src="/static/imgs_s02/s02_cluster.png" alt="">
                <p>拼团</p>
            </div>
            <div class="top-2">
                <img src="/static/imgs_s02/s02_giftcard.png" alt="">
                <p>礼品卡</p>
            </div>
            <div class="top-3">
                <img src="/static/imgs_s02/s02_exchangecertificate.png" alt="">
                <p>兑换券</p>
            </div>
        </div>
  </div>
</template>

<script>

export default {
  data () {
    return {
      
      }
    },

  methods: {
   
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style scoped>
        * {
            padding: 0;
            margin: 0;
        }
        html, body{
            height:100%;
        }
        .box {
            width: 100%;
            background: #F6F6F6;
           height:100%;
        }

        .top {
            display: flex;
            flex-direction: row;
            height: 100px;
            width: 375px;
            background: white;
        }

        .top-1 {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-left: 57px;

        }

        .top-2 {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-left: 69px;
        }

        .top-3 {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-left: 72px;
        }

        .top img {
            width: 40px;
            height: 40px;
            margin-top: 22px;
        }

        .top p {
            font-size: 12px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: rgba(41, 43, 50, 1);
        }

        .top-1 p {
            margin-top: 10px;
        }

        .top-2 p {
            margin-top: 10px;
        }

        .top-3 p {
            margin-top: 10px;
        }
</style>
